<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二手房</title>
    <link rel="stylesheet" href="./library/swiper-4.1.6.min.css">
    <link rel="stylesheet" href="./css/second-hand.css">
    <link rel="stylesheet" href="./css/font-icon.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="./css/public.css">
    <script src="./library/swiper-4.1.6.min.js"></script>
    <script src="./library/zepto.js"></script>
</head>

<body>
    <div class="wrap">
        <nav>
            <img src="./images/index/logo.jpg" alt="">
            <img src="./images/index/my.jpg" alt="" class="fr">
            <img src="./images/index/xiazai.jpg" alt="" class="fr">
        </nav>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/SecondHandList/img.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/SecondHandList/img.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/SecondHandList/img.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/SecondHandList/img.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/SecondHandList/img.png" alt="">
                </div>
            </div>
        </div>

        <!-- 信息 -->
        <div class="house-info">
            <h2>天鹅湾小区精装两居，满五唯一，业主换房急售</h2>
            <p><em>576</em>万元 （单价：46327元/平）<img src="./images/SecondHandList/phone.png" class="phone" alt=""></p>
            <p class="online-time">挂牌时间2015年6月20日</p>
            <p class="tag">
                <span>学区房</span>
                <span>独家</span>
                <span>满五唯一</span>
            </p>
        </div>
        <div class="sep-gray"></div>
        <ol class="property">
            <li class="flex">
                <span><em>户型：</em>3室2厅</span>
                <span><em>面积：</em>100平</span>
            </li>
            <li class="flex">
                <span><em>楼层：</em>中楼层</span>
                <span><em>朝向：</em>南西</span>
            </li>
            <li class="flex">
                <span><em>装修：</em>精装</span>
                <span><em>楼型：</em>塔楼</span>
            </li>
            <li class="flex">
                <span><em>年份：</em>2004年</span>
                <span><em>区域：</em>西二旗</span>
            </li>
            <li class="flex">
                <span><em>首付：</em>123万</span>
                <span><em>月供：</em>15683元</span>
            </li>
            <li>
                <em>地铁：</em>离西二旗地铁站800米
            </li>
            <li>
                <em>小区：</em>珠江帝景 <i class="lsf fr">right</i>
            </li>
            <li>
                <em>学校：</em>北京市第二实验小学 <i class="lsf fr">right</i>
            </li>
            <li>
                更多房源信息
            </li>
        </ol>


        <div class="sep-gray"></div>


        <div class="card">
            <p class="title-sh">
                房源特色
            </p>
            <p class="card-body-sh">
                小区环境优雅,虽处闹市中(小区南200米有 美廉美超市、西30米有华联商场、星美国际 影城、东北角就是大中电器、小区东100米有 汇佳幼儿园、昌平实验一小,昆泰国际大酒店
            </p>
            <p class="btm-sh">更多特色</p>
        </div>


        <div class="sep-gray"></div>


        <div class="card">
            <p class="title-sh">
                户型分间
            </p>
            <section class="card-s-sh">
                <img src="./images/SecondHandList/img1.png" alt="">
                <div>
                    <p class="card-s-title-sh">当前格局</p>
                    <p class="card-s-details-sh">
                        分间信息：客厅 25平米 南北通透
                    </p>
                    <p class="card-s-tag-sh">
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </section>
            <section class="card-s-sh">
                <img src="./images/SecondHandList/img1.png" alt="">
                <div>
                    <p class="card-s-title-sh">当前格局</p>
                    <p class="card-s-details-sh">
                        分间信息：客厅 25平米 南北通透
                    </p>
                    <p class="card-s-tag-sh">
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </section>
        </div>


        <div class="sep-gray"></div>


        <div class="card">
            <p class="title-sh">
                对口学校
            </p>
            <ol class="property">
                <li>
                    <em>学校名称：</em>北京市第二实验小学
                </li>
                <li>
                    <em>升学方式：</em>直升 派位
                </li>
                <li>
                    <em>对口中学：</em>团结湖中学
                </li>
                <li>
                    <em>划片小区：</em>3个划片小区 在售房源150套
                </li>
                <li>
                    <em>学校特色：</em>包参宿、有校车
                </li>
                <li>查看学校详情</li>

            </ol>
        </div>


        <div class="sep-gray"></div>


        <div class="card">
            <p class="title-sh">
                位置及周边
            </p>
            <img src="./images/SecondHandList/map.png" alt="" class="map">
        </div>

        <div class="sep-gray"></div>


        <div class="card">
            <p class="title-sh">
                推荐房源
            </p>
            <section class="card-s-sh">
                <img src="./images/SecondHandList/img1.png" alt="">
                <div>
                    <p class="card-s-title-sh">文化部最中间层 一层带客厅</p>
                    <p class="card-s-details-sh">
                        2室1厅 96㎡ 南北
                    </p>
                    <p class="average-price">
                        红庙北里
                        <span class="fr">14268元/平</span>
                    </p>
                    <p class="card-s-tag-sh rcmd-h">
                        <span>学区房</span>
                    </p>
                </div>
                <p class="rcmd-reason">
                    推荐理由：同户型、通风好、采光好
                </p>
            </section>
            <section class="card-s-sh">
                <img src="./images/SecondHandList/img1.png" alt="">
                <div>
                    <p class="card-s-title-sh">文化部最中间层 一层带客厅</p>
                    <p class="card-s-details-sh">
                        2室1厅 96㎡ 南北
                    </p>
                    <p class="average-price">
                        红庙北里
                        <span class="fr">14268元/平</span>
                    </p>
                    <p class="card-s-tag-sh rcmd-h">
                        <span>学区房</span>
                    </p>
                </div>
                <p class="rcmd-reason">
                    推荐理由：同户型、通风好、采光好
                </p>
                <div class="property">
                    <li>查看更多相似房源</li>
                </div>
            </section>
        </div>

        <div class="sep-gray"></div>

        <footer>
            <h6>北京找房无忧网&gt;首页</h6>
            <ul>
                <li>
                    <img src="images/index/apple.png" alt="">
                    <p>iPhone客户端</p>
                </li>
                <li>
                    <img src="images/index/android.png" alt="">
                    <p>Android客户端</p>
                </li>
            </ul>
            <p>北京找房无忧房地产经纪有限公司</p>
            <p>网络经营许可证 京ICP备20160812号-12</p>
        </footer>
    </div>
</body>

</html>